<template>
  <div class="blogm-header">
    <component :is="componentTag" :barTitle="barTitle"/>
  </div>
</template>

<script>
import SearchBar from '@/mviews/components/SearchBar.vue'
import NavBar from './components/NavBar.vue';
export default {
  components:{
    SearchBar,
    NavBar
  },
  data(){
    return {
      componentTag: 'SearchBar',
      barTitle: ''
    }
  },
created(){},
mounted(){},
watch:{
  $route(to){
   this.componentTag = to.meta.batType;
   this.barTitle = to.meta.title
  }
},
computed:{},
methods:{

},
}
</script>
<style  scoped>
</style>